.login_box {
  width: 100%;
  height: 100%;
  background-color: skyblue;
  display: flex;
  justify-content: center;
  align-items: center;

  > .login {
    width: 500px;
    border: 3px solid pink;
    padding: 20px {
      top: 100px;
    };
    background-color: #fff;
    position: relative;

    > .avatar {
      width: 150px;
      height: 150px;
      border: 3px solid pink;
      background-color: #fff;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%) translateY(-50%);
      border-radius: 50%;
      overflow: hidden;

      > img {
        width: 150px;
        height: 240px;
      }
    }
  }
}
